<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登录</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="ap\ple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no" />
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<script text="text/javascript" src='public/js/jquery-3.1.1.min.js'></script>

	<style type="text/css">
		button, input {
			border: none;
			outline: 0;
		}
		.userLoginWrap{
			background: url("images/loginbg.jpg") 100% no-repeat;
			height: 100%;
		}
		.userLogin{
			background: #e3e3e3;
			width: 2.24rem;
			margin: 0 auto;
			position: absolute;
			top: 2rem;
			left: 0;
			right: 0;
			opacity:0.5;
			border-radius: 5px;
		}
		.form_div{
			width: 2.24rem;
			height: .28rem;
			border: 1px solid #ddd;
			margin-bottom: .15rem;
			line-height: .4rem;
			color: white;
		}
		.form_div .label{
			font-size:.14rem;
		}
		.label+input {
			display: inline-block;
			vertical-align: middle;
			width: 1.24rem;
		}
	</style>
</head>

<body>
	<div class="userLoginWrap">
		<!-- 酒店头部 -->
		<div class="header">
			<div class="header_left">
				<a class="left_arrow" href="#" onclick="javascript:history.go(-1);"></a>
			</div>
			<div class="header_title">登录</div>
		</div>
		<div class="userLogin">
			<div class="userName">
				<div class="form_div">
					<span class="label">用户名</span>
					<input type="text" placeholder="请输入账号名" maxlength="30" id="login-accout">
				</div>
				<div class="form_div">
					<span class="label">密码</span>
					<input type="password" placeholder="请输入密码" maxlength="30" id="login-password">
				</div>
			</div>
		</div>

	</div>
</body>